!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[MenuContainer_Responsive]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[MenuContainer_Responsive]"]=t(require("react")):e["rb_wixui.thunderbolt[MenuContainer_Responsive]"]=t(e.React)}("undefined"!=typeof self?self:this,function(e){return function(){var t={"Xdf/":function(t){"use strict";t.exports=e},Fe5V:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t"undefined"!=typeof window,c=e=>Object.entries(e).reduce((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e),{});const u="wixui-",d=(e,...t)=>{const n=[];return e&&n.push(`${u}${e}`),t.forEach(e=>{e&&(n.push(`${u}${e}`),n.push(e))}),n.join(" ")};var p={menuContainer:"z_w3mq",visible:"axLCtp",inlineContent:"Lu9Epa",container:"w3z6uS",overlay:"hXDI49",horizontallyDocked:"iFw_h3",verticallyDocked:"e5DvMY",inlineContentParent:"cl36wz",open:"qqLcCB"};const f=13,v=27;function m(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}m(32),m(f),m(v);const b=["aria-id","aria-metadata","aria-type"],y=(e,t)=>Object.entries(e).reduce((e,[n,r])=>(t.includes(n)||(e[n]=r),e),{}),h=({role:e,tabIndex:t,tabindex:n,...r}={})=>{const o=Object.entries(r).reduce((e,[t,n])=>({...e,[`aria-${t}`.toLowerCase()]:n}),{role:e,tabIndex:t??n});return Object.keys(o).forEach(e=>{void 0!==o[e]&&null!==o[e]||delete o[e]}),y(o,b)},x="responsive-container-overflow",C="responsive-container-content";var g="xpmKd_";const w=a().forwardRef((e,t)=>{let{children:n,className:r}=e;return a().createElement("div",{className:s(r,g),"data-testid":x,ref:t},n)}),E=(e,t)=>{let{containerLayoutClassName:r,overlowWrapperClassName:o,hasOverflow:i,hasScrollOverflow:l,shouldOmitWrapperLayers:c,children:u,role:d,label:p,extraRootClass:f="",ariaLive:v,ariaAttributes:m,tabIndex:b,tagName:y="div"}=e;const x=!c&&i;let g=-1;l&&void 0!==b&&(g=b);const E=x?g:void 0,O=(0,n.useCallback)(e=>x?a().createElement(w,{className:s(o,f)},e):e,[x,o,f]),_=i?r:s(r,f),P={ref:t,"data-testid":C,tabIndex:E,...d?{role:d}:{},...p?{"aria-label":p}:{},...v?{"aria-live":v}:{},...h(m)};return"multi-column-layouter"===y?(P.class=_,P.style={visibility:"hidden"}):P.className=_,O(c?a().createElement(a().Fragment,null,u()):a().createElement(y||"div",P,u()))};var O=a().forwardRef(E),_="SPKdgB",P="gWQdkh",j="bPVN2R",M="_YXqpG",N="MES4Yq";const L=(e,n)=>{let{classNames:r,cssEditingClasses:o,layerIds:i,containerProps:l,ariaLabel:c,children:u}=e;return a().createElement(a().Fragment,null,a().createElement("div",{id:i.overlay,className:s(P,{[j]:r.includes("horizontallyDocked")})}),a().createElement("div",{id:i.container,className:s(_),"data-block-level-container":"MenuContainer"},a().createElement("div",{className:""+N}),a().createElement("div",{id:i.inlineContentParent,className:M},a().createElement(O,t()({},l,{extraRootClass:s(M,o),role:"dialog",label:c,ref:n,tabIndex:-1}),u))))};var R=a().forwardRef(L);var S={root:"mobile-menu"};const k=(e,r)=>{const{id:o,customClassNames:a=[],isOpen:i,children:l,classNames:u,containerProps:f,onClick:v,onMouseEnter:m,onMouseLeave:b,open:y,close:h,animate:x,translations:{containerAriaLabel:C},onKeyUp:g}=e;let{isVisible:w}=e;i&&!w&&(w=!0);const E=n.useRef(null);n.useImperativeHandle(r,()=>({open:y,close:h,animate:x,focus:()=>{var e;null==(e=E.current)||e.focus()}}));const O={overlay:"overlay-"+o,container:"container-"+o,inlineContentParent:"inlineContentParent-"+o};return n.createElement("div",t()({id:o,onClick:v,onMouseEnter:m,onMouseLeave:b,onKeyUp:g,className:s(p.menuContainer,u.map(e=>p[e]),{[p.visible]:w,[p.open]:i})},c(e)),n.createElement(R,t()({containerProps:f,ref:E,id:o,layerIds:O,ariaLabel:C,classNames:u},c(e),{cssEditingClasses:d(S.root,...a)}),l))};const I=e=>e.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`);var q;const V={MenuContainer_Responsive:{component:n.forwardRef(k),controller:(q=e=>{let{mapperProps:t,stateValues:n,controllerUtils:{updateStyles:r}}=e;const{isMobileView:o,compId:a,...i}=t,{toggle:s,...c}=n;return!0===n.isOpen&&r({"--menu-height":l()&&o?window.getComputedStyle(document.body).height:"100vh"}),{...i,...(u=c,Object.entries(u).reduce((e,t)=>{let[n,r]=t;return void 0===r?e:{...e,[n]:r}},{})),onClick:e=>{e.target.closest("a , #overlay-"+a)&&s&&(null==s||s(!0))}};var u},{useComponentProps:(e,t,n)=>{const r=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce((e,[t,n])=>{return{...e,[(r=t,r.startsWith("--")?t:I(t))]:void 0===n?null:n};var r},{});e.updateStyles(n)}}))(n);return q({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),o}()}); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[MenuContainer_Responsive].6ccacdc9.bundle.min.js.map